<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

     <script src="./jqurey.min.js"></script>

</head>
<body>
   
    <button id="btnGET">GET请求</button>
    <button id="BtnGET">POST请求</button>

    <script>
        $(function(){
            $('#btnGET').on('click',function(){
                $.ajax({
                    type: 'GET',
                    url: 'http://liulongbin.top:3006/api/getbooks',
                    data: {
                        id: 1
                    },
                    success: function(res){
                        console.log(res);
                    }
                })
            })
        })

         $(function () {
                $('#BtnGET').on('click', function () {
                    $.ajax({
                        type: 'POST',
                        url: 'http://liulongbin.top:3006/api/addbook',
                        data: { 
                            bookname: '网络爬虫', 
                            author: '黑马程序员', 
                            publisher: '中国铁道出版社' 
                        },
                        success: function (res) {
                            console.log(res);
                        }
                    })
                })
            })

       


    </script>
    
</body>
</html>